<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .one{
        margin-left: 0px;
    }
    .vedio{
        /*float: left;*/
      margin-left: 100px;
    }
    .body{
        background-color:floralwhite;
    }


</style>
<body>
<div class="body">
<div class="one"><font color="#ffc0cb"><h2>唐诗三百首</h2></font></div>
<div class="2">
    <div class="vedio">
        <table width="70%">
            <tr>
                <td > <video src="../1.mp3" poster="../8.jpg"></video></td>
                <td align="right"> <h2 align="center">春晓</h2>
                    <p >春眠不觉晓,<br>
                        处处闻啼鸟,<br>
                        夜来风雨声,<br>
                        花落知多少.
                    </p></td>
            </tr>
        </table>
    </div>
</div>
    <div class="3">
        <table cellpadding="10">
            <tr>
                <td><div class="link">
                    <ul>
                        <li><a href="#">春晓</a></li>
                        <li><a href="#">静夜思</a></li>
                        <li><a href="#">出赛</a></li>
                        <li><a href="#">悯农</a></li>
                    </ul>
                </div></td>
                <td> <div class="ano"><h4>译文及注释</h4></div></td>
            </tr>
        </table>

    </div>
    <div class="4">
        <table width="100%">
            <tr>
                <td>&spades;译文</td>
                <td>&spades;注释</td>
            </tr>
            <tr>
                <td>春门里贪睡不知不觉已被晓,搅乱我酣眠的是那调酒的小鸟。<br>
                    春门里贪睡不知不觉已被晓,搅乱我酣眠的是那调酒的小鸟。
                </td>
                <td >
                    <ol>
                        <li>晓，天刚亮的时候，春晓；春天的早晨.</li>
                        <li>不觉晓，不知不觉天就亮了.</li>
                        <li>啼鸟，鸟的啼叫声.</li>
                        <li>知多少，不知有多少。</li>
                    </ol>
                </td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>